<div class="row">
  <x-button (click)="message.success('成功提示')">成功提示</x-button>
  <x-button (click)="message.info('消息提示')">消息提示</x-button>
  <x-button (click)="message.warning('警告提示')">警告提示</x-button>
  <x-button (click)="message.error('错误提示')">错误提示</x-button>
</div>
<div class="row">
  <x-button type="success" plain (click)="message.success({ title: '成功提示', effect: 'light' })">成功提示</x-button>
  <x-button type="info" plain (click)="message.info({ title: '消息提示', effect: 'light' })">消息提示</x-button>
  <x-button type="warning" plain (click)="message.warning({ title: '警告提示', effect: 'light' })">警告提示</x-button>
  <x-button type="danger" plain (click)="message.error({ title: '错误提示', effect: 'light' })">错误提示</x-button>
</div>
<div class="row">
  <x-button type="success" (click)="message.success({ title: '成功提示', effect: 'dark' })">成功提示</x-button>
  <x-button type="info" (click)="message.info({ title: '消息提示', effect: 'dark' })">消息提示</x-button>
  <x-button type="warning" (click)="message.warning({ title: '警告提示', effect: 'dark' })">警告提示</x-button>
  <x-button type="danger" (click)="message.error({ title: '错误提示', effect: 'dark' })">错误提示</x-button>
</div>
